Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Calculus #4 When Limits Fail

There are exactly three ways a limit can...

  2026/09/08

Automation Testing Full Course 2026 | Learn Automation Testing from Sc

🔥AI Accelerator Program - From Prompts t...

  2026/09/07

Give Every Character a Unique Voice

Ever notice your characters all sound th...

  2026/09/07

Paid Campaign Strategies Full Course (FREE) | Learn Paid Campaigns in

🔥SP Jain - AI-Powered Digital Marketing ...

  2026/09/07

How to delegate a subdomain in Amazon Route 53

Amazon

Set up DNS delegation between a parent z...

  2026/09/07

Project Management Full Course 2026 | From Basics to PMP Prep | Simpli

🔥PMP - 🔥PMP Plus - In this video, Pro...

  2026/09/07

How to become AI Product Manager in 2026 | Skills, Salary & Career Roa

🔥 Professional Certificate Course in Gen...

  2026/09/07

Agentic AI Full Course 2026 in 1 hour | Build AI Agents & Workflows |

microsoft
Microsoft

🔥Microsoft Applied Agentic AI: Systems D...

  2026/09/07

Gemini AI Explained | What Can Gemini AI Actually Do in 2026?|Part 4 |

🔥 Professional Certificate Course in Gen...

  2026/09/07

Game Short 2 Reflection is One Formula

game

Angle in equals angle out, but measured ...

  2026/09/07

Calculus #3 One Sided Limits

A function can be perfectly defined at a...

  2026/09/06

【凄すぎ】AIが勝手に働くWeb制作会社を作って一人社長になってみた!誰でも使えるAI会社を作りました

本日はAI会社についてお話させて頂きました! ぜひご視聴ください! 🧑‍💻⬇...

  2026/09/06

Game Shorts 1 How Collision Detection Works

game

Four comparisons. That's all collision d...

  2026/09/05

Cloud Report | Quick, who took our lunch?

Amazon
cloud

Subscribe to AWS: Create a free AWS ac...

  2026/09/05

How to use Chrome DevTools for agents with Chrome extensions

chrome

Learn how to use Chrome DevTools for age...

  2026/09/04

Celebrating one billion Gemma downloads

Google

Google DeepMind's Paige Bailey catches u...

  2026/09/04